@import '@/style/app.scss';

.plugin-fiskaly{
  padding-top: 90px;

  .el-menu.el-menu--horizontal{
    justify-content: end;
    border-bottom: solid 1px $color-back;

    .el-menu-item{
      padding-top: 30px;
    }
  }

  .el-tabs--left .el-tabs__header.is-left{
    margin-right: 0;
  }
  .el-tabs--left .el-tabs__nav-wrap.is-left::after{
    width: 0;
  }

  .el-table th.el-table__cell{
    background: $color-back;
  }

  .header{
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: $index - 1;
  }

  &-index{
    height: 100%;

    .box{
      width: 33.3%;
      height: 100%;
      border-right: 1px $color-back solid;
      float: left;

      &-content{
        padding: 30px;
      }
    }

    .title{
      color: $color;
      font-size: 20px;
      font-weight: bold;
      
      span{
        font-size: 25px;
      }
    }

    .body{
      color: $color-content;
      font-size: 14px;
      line-height: 25px;
      margin-top: 10px;
      padding-bottom: 30px;
    }

    .tax{
      margin-bottom: 30px;
      padding: 20px;
      border-radius: 5px;
      background: $color-back;

      .title{
        font-size: 16px;
        color: $color-title;
        padding-bottom: 10px;
      }

      .body{
        margin: 0;
        padding: 0;
      }
    }
  }

  .center-box{
    padding: 30px;
  }

  .page{
    padding: 20px;
    .el-pagination{
      justify-content: center;
    }
  }
}